<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
<title>Customer Page</title>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/customer.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet">
	<script src="js/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/sweetalert.css">
</head>
<body>
	<h1 align="center">Add Customer</h1>
	<form class="form-horizontal" role="form"
		style="width: 30%; margin: 0 auto; margin-top: 30px;">
		<div class="form-group">
			<label for="firstname" class="col-sm-2 control-label">Name</label>
			<div class="col-sm-10">
				<input type="text" class="form-control" name="name"
					placeholder="please input name">
			</div>
		</div>
		<div class="form-group">
			<label for="lastname" class="col-sm-2 control-label">Sex</label>
			<div class="col-sm-10"
				style="padding-top: 7px;">
				<input type="radio" name="sex" value="true" checked="checked">Male
				<input type="radio" name="sex" value="false">Female
			</div>
		</div>
		<div class="form-group">
			<label for="firstname" class="col-sm-2 control-label">Salary</label>
			<div class="col-sm-10">
				<input type="text" class="form-control" name="sal"
					placeholder="please input salary">
			</div>
		</div>
		<div class="form-group">
			<label for="firstname" class="col-sm-2 control-label">Birthday</label>
			<div class="col-sm-10">
				<input type="date" class="form-control" name="birth"
					placeholder="please input name">
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<button type="button" class="btn btn-default">Add</button>
			</div>
		</div>
	</form>

	<h1 align="center">Customers Info</h1>
	<table class="table table-bordered" style="width: 30%; margin: 0 auto;">
		<thead>
			<tr>
				<td>name</td>
				<td>sex</td>
				<td>salary</td>
				<td>birth</td>
				<td>delete</td>
				<td>update</td>
			</tr>
		</thead>
		<tbody>
		</tbody>
	</table>
	<jsp:include page="modal.jsp"></jsp:include>
</body>
</html>